@import "common.less";

/*全局变量*/
*{margin:0;padding:0}
ul,li{list-style-type:none;}
img {border:0;-ms-interpolation-mode: bicubic;max-width: 100%;}
a,input,textarea,button,label{outline: none;-webkit-appearance: none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
html,body{height:100%;}
body{
    font-size: 100%;
    font-family: PingFangSC-Light, Helvetica, "microsoft yahei", sans-serif;
    color:#333;
    position: relative;
    font-size: 30/@rem;
    a{color:#333;text-decoration:none;cursor: pointer;}
}

//公用样式
.body{min-height: 100%;}
.disNone{display: none;}
.delay-100{.animate-delay(0.1s);}
.delay-250{.animate-delay(0.25s);}
.delay-500{.animate-delay(0.5s);}
.delay-750{.animate-delay(0.75s);}
.delay-1000{.animate-delay(1s);}
.delay-2000{.animate-delay(2s);}
.c-pulse{animation-name: c-pulse;}


@media (min-width: @sreen) {
  html{width: @sreen;margin: 0 auto;}
}

@media (max-width: @sreen) {
  .sweet-alert{
    left: 100/@rem;right: 100/@rem;
    h2{margin: 10px 0;font-size: 30/@rem;line-height: normal;}
    button{margin-top: 10px;padding:10/@rem 32/@rem;}
    .sa-warning{width: 60px;height: 60px;
      .sa-body{height: 30px!important;}
    }
  }
}

@keyframes c-pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.15, 1.15, 1.15);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}

//背景音乐模块
.music{
  position: fixed; border:3/@rem #fff solid; width: 60/@rem; height: 60/@rem; right: 3%; top: 3%; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background-size: 100%; opacity: 0.5; z-index: 4;
  background: url("/src/img/teacher/music2.png") 0 0/contain #000 no-repeat; z-index:100;
  &.on{
    background: url("/src/img/teacher/music.png") 0 0/contain #000 no-repeat;
    animation: music 9.5s linear 0s normal none infinite;
    -webkit-animation: music 9.5s linear 0s normal none infinite;	/* Safari 和 Chrome */
  }
}
@keyframes music{
  0%{transform: rotate(0deg);}
  100%{transform: rotate(360deg);}
}
@-webkit-keyframes music{
  0%{transform: rotate(0deg);}
  100%{transform: rotate(360deg);}
}